{% extends "base.html" %}
    {% block content %}

    <div class="w-100 bg-pic yekan">
        <h1 class="mb-2" id="title"><b>راهنمای کاربری</b></h1>
        <h2 class="yekan text-white">چطور از این سایت بیشترین استفاده را ببرید؟</h2>
 
    </div>
    <div class="container w-75 mt-5 mb-5 yekan">
            <div class="mb-5">
                <img src="{{ url_for('static', filename='img/bot.png') }}" alt="" height="50px" width="50px" class="me-2">
                <p class="d-inline fs-5"><b class="me-3 fs-4"> خوش آمدید!</b>من اینجا هستم تا دستیار هوشمند شما باشم! اینجا سریع و ساده، جواب سوالاتتان را در رابطه با کار با سایت می گیرید.</p>
            </div>
            <div class="row">
                <div class="col-sm-6">
                    <img src="{{ url_for('static', filename='img/Screenshot 2026-06-01 0042482.png') }}" alt="" class="w-100 border border-dark border-3 rounded-3 shadow">
                </div>
                <p class="fs-5 col-sm-6">
                    در منوی بالا روی “ورود/ثبت‌نام” کلیک کنید. با حساب ایمیل خود، در کمتر از ۱ دقیقه حساب خود را بسازید
                </p>
            </div><br>
            <div class="row mb-2">
                <div class="col-sm-6">
                    <img src="{{ url_for('static', filename='img/Screenshot 2026-06-01 005359.png') }}" alt="" class="w-100 border border-dark border-3 rounded-3 shadow">
                </div>
                <p class="fs-5 col-sm-6">
                    وارد که شدید، صفحه چت برای شما باز می‌شود. هر سوالی دارید بپرسید!
                </p>
            </div>
            <p class="fs-5" class="col-sm-6">
                   تاریخچه گفتگوهای شما (در آینده) در منوی سمت راست ذخیره می‌شود تا همیشه به آن‌ها دسترسی داشته باشید.
            </p>
            <p class="fs-5">
                    همین حالا شروع کنید و دنیای جدیدی از هوش مصنوعی را تجربه کنید.
            </p><br>
            <a href="/chat" id="btnstrt">بزن بریم!!</a>
    </div>
    <!-- <div class="container mt-5 mb-5 yekan" id="bgbody">
        
    </div> -->
    {% endblock %}